/** 骨架屏组件（skeleton） **/

import { Component, Input } from '@angular/core';

import { ApesSkeletonShape, ApesSkeletonSize, ApesSkeletonType } from './apes-skeleton.common';


@Component({
  selector: 'apes-skeleton',
  templateUrl: './apes-skeleton.component.html'
})

export class ApesSkeletonComponent {

  @Input() apesLoading: boolean = true;

  @Input() apesType: ApesSkeletonType = 'default';

  @Input() apesClass: string;

  @Input() apesStyle: any;

  @Input() apesShape: ApesSkeletonShape;

  @Input() apesActive: boolean = true;

  @Input() apesSize: ApesSkeletonSize;

  @Input() apesWidth: number | string;

  @Input() apesHeight: number | string;

  @Input() apesRow: number;

  constructor() {
  }

  skeletonActiveClass() {
    return {
      'apes-skeleton-none': !this.apesActive,
    };
  }

}


